* {
    padding   : 0;
    margin    : 0;
    list-style: none;
    box-sizing: border-box;
}

audio {
    display: none;
}

body {
    width    : 1200px;
    margin   : auto;
    // height: 5000px;
    background-image    : url(../images/s1.gif);
    background-repeat   : no-repeat;
    background-size     : cover;
    -moz-background-size: 100% 100%;

}

.nav {
    width               : 100%;
    height              : 400px;
    background-image    : url(../images/96ceda1f938e9ed47585bc620433222b.jpeg);
    background-repeat   : no-repeat;
    background-size     : 100% 100%;
    -moz-background-size: 100% 100%;

    ul {
        height          : 50px;
        line-height     : 50px;
        display         : flex;
        justify-content : space-around;
        background-color: rgba(220, 38, 38, 0.2);

        li {
            a {
                color          : rgb(239, 246, 247);
                text-decoration: none;
            }
        }
    }

    .t1 {
        font-size  : 80px;
        text-align : center;
        padding-top: 70px;
        color      : azure;

        span {
            color: #6e1316;
        }
    }

    .t2 {
        height          : 2px;
        width           : 335px;
        background-color: #b2676a;
        margin-left     : 439px;
    }

    .t3 {
        color      : azure;
        font-size  : 26px;
        font-weight: 100;
        margin-left: 485px;
    }
}

.b1 {
    height          : 100px;
    background-color: #b2676a;
    line-height     : 100px;

    .b2 {
        font-size: 75px;
        color    : azure;
    }
}

.s1 {
    background-color: rgba(178, 103, 106, 0.2);

    .s2 {
        width           : 150px;
        height          : 150px;
        background-color: salmon;
        margin-left     : 520px;
        border-radius   : 50%;

        img {
            width        : 100%;
            height       : 100%;
            border-radius: 50%;
        }
    }

    ul {
        .s4 {
            margin-left: 584px;
        }

        .s5 {
            margin-left: 420px;
        }

        .s6 {
            margin-left: 500px;
            color      : pink;
        }

        .s3 {
            width      : 1px;
            height     : 20px;
            border     : 1px solid #000;
            margin-left: 594px;
        }
    }
}

.lbt {}

.slider {
    height  : 340px;
    width   : 790px;
    margin  : 100px auto;
    position: relative;
}

.slider li {
    position: absolute;
    display : none;
}

.slider li:first-child {
    display: block;
}


.arrow {
    display: none;
}

.slider:hover .arrow {
    display: block;
}

.arrow-left,
.arrow-right {
    font-family     : "SimSun", "宋体";
    width           : 30px;
    height          : 60px;
    background-color: rgba(178, 103, 106, 0.2);
    position        : absolute;
    top             : 50%;
    margin-top      : -30px;
    cursor          : pointer;
    text-align      : center;
    line-height     : 60px;
    color           : #fff;
    font-weight     : 700;
    font-size       : 30px;
}

.arrow-left:hover,
.arrow-right:hover {
    background-color: rgba(178, 103, 106, 0.6);
}

.arrow-left {
    left: 0;
}

.arrow-right {
    right: 0;
}

.com {
    // height          : 300px;
    background-color: rgba(220, 38, 38, 0.2);
    overflow        : hidden;

    .In {
        font-size  : 26px;
        margin-left: 50px;
        margin-top : 40px;
        font-family: KaiTi;
        line-height: 40px;
        font-weight: 700;

        span {
            font-weight: 500;
        }
        .quickFlips {
            height: 50px;
            width: 60px;
            float: left;
        }
        
        
        .v {
           
        }
        .v1 {
            margin-left: 148px;
            
        }

        .v2 {
            margin-left: 250px;
        }

        .v3 {
            margin-left: 433px;
        }

        .v4 {
            margin-left: 533px;
        }

        .v5 {
            margin-left: 790px;
        }

    }
}